<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="everafter" />

	<title>Login Form</title>

	<link rel="stylesheet" href="css/bootstrap.css" type="text/css"/>
    <link rel="stylesheet" href="css/login.css" type="text/css"/>
    
    <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.center.js"></script>
    <script type="text/javascript">
        
        $(document).ready(function(){
           $('#container').center();
           
           $(window).resize(function(){
                $('#container').center();
           });
            
        });

    </script>
</head>

<body>

<div id="container">
	<div id="loginBox">
        <div class="loginHeader">
            <h1>Administration</h1>
        </div><!-- login header -->
        
        <div class="loginBody">
            <form class="form-horizontal">
                <div class="control-group">
                    <label for="id_username">username</label>
                    <div class="controls">
                        <input type="text" class="input" id="id_username" />
                    </div>
                </div>
                <div class="control-group">
                    <label for="id_password">password</label>
                    <div class="controls">
                        <input type="text" class="input" id="id_password" />
                    </div>
                </div>
                <div class="control-group">
                    <label>&nbsp;</label>
                    <div class="controls">
                        <a href="#">Forgot Password</a>
                    </div>
                </div>                      
            </form>
        </div><!-- loginForm end -->
        <div class="loginFooter">
            <a href="#" class="btn btn-info">Login</a>
        </div><!-- loginFooter end -->        
    </div><!-- loginBox end -->
    <p class="copyrights">&copy;2012. All Rights Reserved.</p>
</div><!-- conttainer end -->

</body>
</html>